<!DOCTYPE html>
<style>
#composited-non-stacking-context {
    position: relative;
    width: 1px;
    height: 1px;
    backface-visibility: hidden;
}

#non-composited-pseudo-stacking-context-descendant {
    position: relative;
    top: 10px;
    width: 400px;
}
</style>
<div id="composited-non-stacking-context">
    <div id="non-composited-pseudo-stacking-context-descendant">
        This test succeed if the text gets repainted with a green background.<br/>
        The text belongs to a (pseudo) stacking context that is enclosed by a composited
        non-stacking context. Since the parent is not a stacking context, this (pseudo)
        stacking context should be painted as a child stacking context of the root.
    </div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
var bug = document.getElementById("non-composited-pseudo-stacking-context-descendant");
bug.style.background = "red";
runAfterLayoutAndPaint(function() {
    bug.style.background = "green";
}, true);
</script>
